
// ----------------------   登录注册切换  ----------------------

$('.login a').on('click', function () {
    $('.register').show().prev().hide()
})
$('.register a').on('click', function () {
    $('.login').show().next().hide()
})

// ----------------------   自定义表单验证  ----------------------
// 必须使用 layui 的内置模块 - form 模块
let form = layui.form;  // 加载form模块
// 调用 form 模块内置方法verify，自定义验证规则
form.verify({
    // user: [/正则表达式/, '验证不通过时的提示']
    user: [/^[a-zA-Z0-9]{2,10}$/, '用户名只能是数字字母，且2~10位'], // {2,10} 不是 {2, 10}

    len: [/^\S{6,12}$/, '密码6~12位且不能有空格'],

    same: function (val) {
        // 形参，表示使用该验证规则的输入框的值（谁用这个验证规则，val表示谁的值）
        // 案例中，重复密码使用了这个验证规则，所以形参val表示输入的重复密码
        if (val !== $('.pwd').val()) {
            // return '错误提示'
            return '两次密码不一致'
        }
    }

});

// -----------------------   注册  ---------------------------
$('.register .layui-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    console.log(data);
    $.ajax({
        type: 'post',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            console.log(res);
            layer.msg(res.message);
            if (res.status == 0) {
                $('.register .layui-form')[0].reset()
                $('.login').show().next().hide()
            }
        }
    })
})

// -----------------------   登录  ---------------------------
$('.login .layui-form').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    console.log(data);
    $.ajax({
        type: 'post',
        url: "/api/login",
        data: data,
        success: function (res) {
            console.log(res);
            layer.msg(res.message)
            if (res.status == 0) {
                // 登录成功，保存token
                localStorage.setItem('token', res.token);
                // 跳转到首页面 index.html
                location.href = './index.html';
            }
        }
    })
})
